﻿<phone:PhoneApplicationPage 
    x:Class="SMSAssistant.NewMessageView"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait" Orientation="Portrait"
    mc:Ignorable="d" d:DesignHeight="800" d:DesignWidth="480"
    shell:SystemTray.IsVisible="False">

    <!--LayoutRoot is the root grid where all page content is placed-->
    <Grid x:Name="LayoutRoot" Background="White">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

        <!--TitlePanel contains the name of the application and page title-->
        <Rectangle  Width="10" Margin="0,20,0,16" HorizontalAlignment="Left" Fill="{StaticResource PhoneAccentBrush}" />
        <Button Foreground="Black" Margin="10,20,10,10" Click="ApplicationTitle_Click" HorizontalContentAlignment="Left" x:Name="ApplicationTitle"  FontSize="38" BorderThickness="0" />
        
        <!--ContentPanel - place additional content here-->
        <TextBox BorderThickness="0" InputScope="Text"  AcceptsReturn="True"  TextWrapping="Wrap"  Padding="20,10" Background="Transparent" Foreground="Black"  x:Name="ContentPanel" Text="" Grid.Row="1" ></TextBox>
        <!--<StackPanel Grid.Row="2" Margin="30,0" Orientation="Horizontal">
            <Button Width="200" Click="Button_Click" Content="OK"/>
            <Button Width="200" Content="Cancel"/>
        </StackPanel>-->
        <ListBox Grid.Row="1"  Margin="-1,2,-1,72" VerticalAlignment="Bottom" x:Name="emojiList" Visibility="Collapsed" Background="Transparent" Height="340" HorizontalAlignment="Stretch" >
            <ListBox.ItemsPanel>
                <ItemsPanelTemplate>
                    <toolkit:WrapPanel Margin="4,8,0,0" ItemHeight="78" ItemWidth="78">
                    </toolkit:WrapPanel>
                </ItemsPanelTemplate>
            </ListBox.ItemsPanel>
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <Button BorderThickness="0" Click="Button_Click" Padding="-10" Background="Transparent">
                        <Image Source="{Binding Image}"/>
                    </Button>
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>
    </Grid>
 
    <!--Sample code showing usage of ApplicationBar-->
    <!-- <phone:PhoneApplicationPage.ApplicationBar>
        <shell:ApplicationBar Opacity=".5" IsVisible="True" IsMenuEnabled="True">
            
           <shell:ApplicationBar.MenuItems>
                <shell:ApplicationBarMenuItem Text="MenuItem 1"/>
                <shell:ApplicationBarMenuItem Text="MenuItem 2"/>
            </shell:ApplicationBar.MenuItems>
        </shell:ApplicationBar>
    </phone:PhoneApplicationPage.ApplicationBar>-->

</phone:PhoneApplicationPage>
